<template>
	<!-- 客服电话 -->
	<view class="layout">
		<view class="Top">
			<image class="TopImage" src="../../../static/oneuser/u7132.png" mode="widthFix"></image>
			<view class="TopPhonoe">
				<text class="dianhua">当前客服电话</text>
				<text class="haoma">18888888888</text>
			</view>
		</view>
		<!-- 公告轮播 -->
		<view class="notice">
			<view class="left">
				<uni-icons type="sound-filled" size="20" color="#ec3d27"></uni-icons>
			</view>
			<view class="center">
				客服信息内容将在您采购或者发布的岗位的详情页中展示，求职者可通过客服电话与你联系，默认展示注册手机号、头像和店铺名称
			</view>
		</view>
		<view class="Button">
			<button form-type="submit" type="primary" disabled="">更换客服电话</button>
		</view>
	</view>
</template>

<script setup>
	
</script>

<style lang="scss" scoped>
	.layout{
		.Top{
			padding: 70rpx 180rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.TopImage{
				width: 200rpx;
				height: 200rpx;
				padding-right: 20rpx;
			}
			.TopPhonoe{
				.dianhua{
					font-size: 26rpx;
				}
				.haoma{
					font-size: 35rpx;
				}
			}
		}
		.notice {
			padding: 0 30rpx;
			background-color: rgba(236, 93, 39, 0.1);
			border-radius: 60rpx;
			display: flex;
		
			.left {
				display: flex;
				justify-content: space-evenly;
				align-items: center;
				width: 80rpx;
			}
		
			.center {
				padding: 20rpx 0;
				font-size: 25rpx;
				color: #f26d4a;
				line-height: 40rpx;
			}
		}
		.Button {
			padding: 0 50rpx;
			margin-top: 60rpx;
		}
	}      
</style>
